 <template>
   <Card :shadow="shadow">
      <div class="card-name">
        <div class="name width1">消息详情</div>
      </div>
      <div class="content-con">
        <div class="bank-form">
          <div class="form-item">
            <Row :gutter="24">
              <i-col span="12"
              v-for="(item,index) in items"
              :key='item.id'
              style="padding-top: 15px;">
                <Row v-if="index!==6">
                  <i-col span="8" class="ban-left">
                    {{item.title}}
                  </i-col>
                  <i-col span="16">
                    <i-input :value.sync="item.value" size="large" readonly></i-input>
                  </i-col>
                </Row>
                <Row v-else>
                  <i-col span="8" class="ban-left">
                    {{item.title}}
                  </i-col>
                  <i-col span="16">
                    <i-input :value.sync="item.value" type="textarea" size="large" readonly></i-input>
                  </i-col>
                </Row>
              </i-col>
            </Row>
          </div>
        </div>
        <div class="ban-btn">
          <i-button class="save" size="large" @click="btnClick1">返回</i-button>
        </div>
      </div>
   </Card>

 </template>
 <script>
 import { mapMutations } from 'vuex'
 export default {
   name: 'news-view',
   props:{
     shadow: {
       type: Boolean,
       default: false
     }
   },
   data() {
     return {
       items:[
         {
           title: 'ID',
           value: '1'
         },
         {
           title: '消息名称',
           value: '啦啦啦'
         },
         {
           title: '状态',
           value: '显示'
         },
         {
           title: '创建者ID',
           value: ''
         },
         {
           title: '创建时间',
           value: '2020-10-10 14:59:36'
         },
         {
           title: '更新时间',
           value: '2020-10-10 14:59:36'
         },
         {
           title: '消息内容',
           value: '哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈'
         }
       ]
     };
   },
   methods: {
     //关闭标签页
     ...mapMutations([
       'closeTag'
     ]),
     close () {
       console.log(this.$route.params.row)
       this.closeTag({
         name: 'news-view',
         // params: {
         //   row: this.$route.params.row
         // }
       })
     },
     // 返回按钮
     btnClick1 () {
       this.close()
     }
   }
 };
 </script>
 <style lang="less">
 </style>
